<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/artist.css">
</head>
<body>
    <nav>
        <div class="imgbox1"><img src="./image/我艺.png" alt=""></div>
        <input type="search" placeholder="搜索">
        <div class="imgbox2"><img src="./image/放大镜.png" alt=""></div>
        <ul class="dropdown">
            <li><a href="./homePage.html" target="_blank">首页</a></li>
            <li><a href="./artwork.html" target="_blank">艺术品</a></li>
            <li><a href="">艺术家</a></li>
            <li><a href="./exhibition.html" target="_blank">展览</a></li>
            <li><a href="./article.html" target="_blank">文章</a></li>
        </ul>
        <div class="navRight">
            <button class="register">注册</button>
            <button class="login">登录</button>
        </div>
    </nav>
    <main>
        <div class="imgbox3">
            <img src="./image/艺术家主图2.png" alt="">
        </div>
        <div class="content">
            <div class="bigbox2">
                <div class="box-left">
                    <img src="./image/齐白石2.png" alt="">
                    <p class="name">齐白石</p>
                    <div class="intro">
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                    </div>
                    <div class="follow">+关注</div>
                </div>
                <div class="redborder"></div>
                <div class="textbox">
                    <div class="maintext">
                        <span>
                            百名画家集结于此，让我们时刻享受艺术的美。<br><br>
                            使我们更能便捷的欣赏到艺术，且把艺术融入到<br><br>
                            我们每个人的生活当中去，感受我们的艺术，也<br><br>
                            时刻了解我们艺术家创作灵感。
                        </span>
                    </div>
                </div>
            </div>
            <div class="artist">
                <div class="text">
                    <p>推荐画家</p>
                </div>
                <div class="headbox">
                    <div class="humanbox">
                        <div class="circle">
                            <div class="headpicture">
                                <img src="./image/薛飞.png" alt="">
                            </div>
                        </div>
                        <p>薛飞</p>
                        <div class="humanbox">
                            <div class="circle">
                                <div class="headpicture">
                                    <img src="./image/刘溪子.png" alt="">
                                </div>
                            </div>
                            <p>刘溪子</p>
                        </div>
                        <div class="humanbox">
                            <div class="circle">
                                <div class="headpicture">
                                    <img src="./image/房圣易.png" alt="">
                                </div>
                            </div>
                            <p>房圣易</p>
                        </div>
                        <div class="humanbox">
                            <div class="circle">
                                <div class="headpicture">
                                    <img src="./image/杨竹喧.png" alt="">
                                </div>
                            </div>
                            <p>杨竹喧</p>
                        </div>
                        <div class="humanbox">
                            <div class="circle">
                                <div class="headpicture">
                                    <img src="./image/高贝贝.png" alt="">
                                </div>
                            </div>
                            <p>高贝贝</p>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="option">
                <div class="top">
                    <p>年代：</p>
                    <span>上世纪30-40年代</span>
                    <span>上世纪60-70年代</span>
                    <span>上世纪80-90年代</span>
                    <span>更多</span>
                </div>
                <div class="top">
                    <p>类别：</p>
                    <span>油画</span>
                    <span>水墨</span>
                    <span>版画</span>
                    <span>雕塑</span>
                    <span>陶艺</span>
                    <span>摄影</span>
                    <span>更多</span>
                </div>
                <div class="top">
                    <p>国家：</p>
                    <span>中国</span>
                    <span>英国</span>
                    <span>荷兰</span>
                    <span>法国</span>
                    <span>意大利</span>
                    <span>挪威</span>
                    <span>更多</span>
                </div>
            </div>
            <div class="humanbox2">
                <div class="human">
                    <img src="./image/李戬.png" alt="">
                    <p class="name">李戬</p>
                    <div class="intro">
                        <p>发表过<span>22</span>件艺术品</p>
                        <p>被<span>130</span>位圈内人关注</p>
                    </div>
                    <div class="follow">+关注</div>
                </div>
                <div class="human">
                    <img src="./image/张文朝.png" alt="">
                    <p class="name">张文朝</p>
                    <div class="intro">
                        <p>发表过<span>321</span>件艺术品</p>
                        <p>被<span>546</span>位圈内人关注</p>
                    </div>
                    <div class="follow">+关注</div>
                </div>
                <div class="human">
                    <img src="./image/张玲.png" alt="">
                    <p class="name">张玲</p>
                    <div class="intro">
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                    </div>
                    <div class="follow">+关注</div>
                </div>
            </div>
            <div class="humanbox2">
                <div class="human">
                    <img src="./image/杨帆水彩.png" alt="">
                    <p class="name">杨帆水彩</p>
                    <div class="intro">
                        <p>发表过<span>12</span>件艺术品</p>
                        <p>被<span>139</span>位圈内人关注</p>
                    </div>
                    <div class="follow">+关注</div>
                </div>
                <div class="human">
                    <img src="./image/张效仿.png" alt="">
                    <p class="name">张效仿</p>
                    <div class="intro">
                        <p>发表过<span>62</span>件艺术品</p>
                        <p>被<span>210</span>位圈内人关注</p>
                    </div>
                    <div class="follow">+关注</div>
                </div>
                <div class="human">
                    <img src="./image/雯迪.png" alt="">
                    <p class="name">雯迪</p>
                    <div class="intro">
                        <p>发表过<span>22</span>件艺术品</p>
                        <p>被<span>300</span>位圈内人关注</p>
                    </div>
                    <div class="follow">+关注</div>
                </div>
            </div>
            <div class="loading">
                <img src="./image/加载中.png" alt="">
                <p>加载中</p>
            </div>
            <div class="shuming">
                <p>》</p>
            </div>
        </div>
        <div class="mainBottom">
            <p>客服中心 | 专家顾问 | 法律政策 | 关于我们 | 企业服务 | 中文 | English</p>
        </div>
    </main>
    <footer>
        <div class="address">
            <p>我们在这：北京市小店区平阳路122号  电话：010-12345678</p>
            <p>邮箱：957894748@126.com</p>
        </div>
        <div class="code">
            <img src="./image/二维码.png" alt="">
        </div>
        <div class="juxing">
            <img src="./image/矩形.png" alt="">
        </div>
        <div class="woyi">
            <img src="./image/我艺.png" alt="">
        </div>
    </footer>
</body>
</html>